@charset "utf-8";
/* CSS Document */
html,body{ min-height:100%}
body{  background:#EEE; padding:0; margin:0; text-align:center; font-size:inherit; position:relative; }
html, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, q, small, strong, sub, sup, tt, var,
ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;text-align:left; font-family:"微软雅黑" }
ul, ol, li{ list-style-type: none;}
a, a:hover,a:link, a:visited{ color:#333;text-decoration: none;}
img { border: none; }
a {font-size: medium; color: #036;}
a:link {text-decoration: none;}
a:visited { text-decoration: none; color: #333;}
a:hover { text-decoration:none; }
a:active { text-decoration: none;color: #000;}
div { padding:0; margin:0; text-align:left; overflow:hidden;}
dt, dl, dd { display:block;	margin:0; padding:0;}
/* HTML5 */
article, aside, dialog, figure, footer, header, hgroup, nav, section, menu ,datalist { display:block; }
header{ background:url(../images/bg-body.gif) #555;}
#topnav{ width:100%; height:50px; text-align:center;}
.topnav{  width:960px; padding:10px 0 5px ; height:30px; margin:0 auto; filter:alpha(opacity=100);  -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;}
.topnav ul{ margin:0; width:auto; float:left;}
.topnav ul li{ margin:0 auto; float:left; width:auto;}
.topnav a{ padding:5px 30px 5px 0; height:20px; display:block; margin:0 0 0 2px; color:#EEE; width:auto;}
.topnav input{ padding:9px 30px 5px 0; height:30px; margin:0 0 0 2px; color:#EEE; width:auto; background:none; border:none; font-size:1em; line-height:1em; vertical-align:sub;}
.topnav ol li.photo{ width:30px; margin:0 10px 0 2px;}
.topnav ol li.photo a{ display:inline; padding:0; margin:0;}
.topnav ol li.photo img{ padding:0; width:30px; height:30px; background:#FFF; border-radius:15px; display:block; margin:0 10px 0 2px;  }
.topnav a:link{ color:#FFF; }
.topnav a:hover{ color:#FFF;text-decoration: none;}
.topnav span{color:#FFF; padding:5px 30px 5px 0; margin: 0 0 0 2px; display:inline-block;}
.topnav ol{ margin:0; width:auto; float:right;}
.topnav ol li{ margin:0 auto; float:left; width:auto;}
.topnav ol li img{ width:30px; height:30px; display:inline-block; margin:0 10px 0  0 ;  border-radius:15px;}
.topnav ol li.region{ width: 80px; }
.topnav ol li.region .bunt{color:#FFF; padding:5px 30px 5px 0; margin: 0 0 0 2px;}
.topnav ol li.region .navigation{ position:fixed; width: 100%; height: 100%;background: rgba(0,0,0,0.5);  z-index: 9; right: 0;top:0;}
.topnav ol li.region .navigation .close{ position: absolute; top:10px; right: 10px;  }
.topnav ol li.region .navigation .select{ position: absolute; width: 506px; background: rgba(0,0,0,0.8);  z-index: 11; right: 50%;top:50%;
	padding: 10px; height: 400px; margin: -160px -253px;}
.topnav ol li.region .navigation .select select{ background: #000; color: #EEE;width: 50%;float: left;}
.topnav ol li.open .bunt { display: block;}
.topnav ol li.open .navigation{ display: none }
.topnav ol li.off .bunt { display:none;}
.topnav ol li.off .navigation{ display:block }
section{ text-align:center;}
		section #logo{ display: block; width: 158px; height: 42px;text-indent: -999em; background:url(../images/qingruanlogo.png) no-repeat 0 0;  margin:100px auto 15px  }
		section h1{ display: block; width: 380px; height: 50px;text-indent: -999em; background:url(../images/qingruanlogo.png) no-repeat center; margin:100px auto 15px;}
		section .seach{ margin:30px auto 10px; width:500px;}
            section .seach form{ overflow: hidden;}
			section .seach_txt{ border:1px solid #C5E97F; padding:4px; height:36px; width:380px; display:inline-block; margin:0; border-radius: 4px 0 0 4px;float:left}
			section .seach_bun { border:none; padding:5px; height:46px; width:100px; display:inline-block; background:#C5E97F; margin:0; float:left; border-radius:0 4px 4px 0; font-size:1.1em;}
        section .classify{margin: 15px auto 90px; width: 500px; overflow: hidden;}
            section .classify li{ float: left; width: auto; padding: 5px }
            section .classify li a{ color: #8BD300; font-weight: 600; }
                section .classify li a:hover{ color: #000; }
.content{ margin:20px auto 50px; width:960px; overflow:hidden;}
	.main{ float:left; width:640px; }
		.main ul li { }
			.main ul li+li{ padding-top:20px;}
				.main ul li h2{ padding:0 0 10px 0; line-height:1em; font-size:1.2em; color:#333;}
				.main ul li .chart{ height: 250px;width: 630px;border: 1px solid #CCC; background: rgba(255,255,255,0.8)}
				.main ul li .chart img{ width:640px; display:block;}
.hot{ float:left; width:300px;}
	.hot h2{ padding:0 0 15px 25px; line-height:1em; vertical-align:sub; font-size:0.85em; color:#333; }
	.hot ul{ padding:0 0 15px 25px;}
		.hot ul li+li{ padding-top:10px; }
			.hot ul li a { display: inline-block;  font-size: 0.8em; line-height: 1.6em; width: 90%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color:#999;}
			.hot ul li a:hover{ color:#333;}
footer{border-top:#000 1px solid; text-align:center; background:#555 url(../images/bg-body.gif); }
	#footer{ margin:0 auto; width:960px; }
	#footer #footernav { margin:0; padding:10px 0; float:left; width:360px }
		#footer #footernav a { padding: 10px; margin:0;line-height:2em; font-size:0.8em; color:#FFF; display:block; float:left; }
		#footer #footernav span { color: #EEE;  padding: 10px 3px; float:left; display:block;}
		#footer #footernav a:hover { color: #FFF; text-shadow: none; }
	#footer #copyright { margin:0; padding:10px 0; float:right; width:600px }
		#footer #copyright p { padding: 10px; margin:0;line-height:2em; font-size:0.8em; color:#FFF; text-align:right;}
		#footer #copyright a { color: #EEE;  padding: 2px 3px;font-size:1em}
		#footer #copyright a:hover { color: #FFF; text-shadow: none; }
	#footer:after{display:block;clear:both;content:"";visibility:hidden;height:0;}  
	
